<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Welcome to Koza</title>
    <script type="text/javascript" src="<?= $this->config->site_url(); ?>media/js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="<?= $this->config->site_url(); ?>media/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script type="text/javascript" src="<?= $this->config->site_url(); ?>media/js/jquery.leanModal.min.js"></script>
    <script type="text/javascript" src="<?= $this->config->site_url(); ?>media/js/jquery.json-2.4.min.js"></script>
    <link rel="stylesheet" type="text/css" href="<?= $this->config->site_url(); ?>media/css/style.css">
</head>
<body>

<div id="container">
	<h1>Добро пожаловать в Koza Project!</h1>

	<div id="body">
		<p><a href="#loginPage" id="loginBtn" class="btn" rel="leanModal">Вход</a></p>

        <div id="registerPage">
            <div class="popupHeader">
                <h2>Регистрация</h2>
                <p>Это быстро и бесплатно.</p>
            </div>
            <div class="popupBody">
                <div class="txt-fld">
                    <label for="">Ваш Email</label>
                    <input id="email" type="text" name="">
                </div>
                <div class="txt-fld">
                    <label for="">Ваш пароль</label>
                    <input id="passwd" type="password" name="">
                </div>
                <div class="txt-fld">
                    <div class="loader"><img src="<?= $this->config->site_url(); ?>media/img/loader.png"></div>
                    <button type="submit" id="doRegisterUser">Зарегистрироваться »</button>
                </div>
            </div>
        </div>

	</div>

	<p class="footer">Страница сгенерирована за <strong>{elapsed_time}</strong> секунд</p>
</div>

<div id="loginPage">
    <div class="popupHeader">
        <h2>Вход на сайт</h2>
        <a class="modal_close" href="#"></a>
    </div>
    <div class="popupBody">
        <div class="txt-fld email-fld">
            <label for="">Ваш Email</label>
            <input id="email" type="text" name="">
        </div>
        <div class="txt-fld passwd-fld">
            <label for="">Ваш пароль</label>
            <input id="passwd" type="password" name="">
        </div>
        <div class="txt-fld">
            <div class="forgot-passwd">
                <a href="#forgot-pwd" id="forgotPwdBtn">Забыли пароль?</a>
            </div>
            <div class="loader"><img src="<?= $this->config->site_url(); ?>media/img/loader.png"></div>
            <button type="submit" id="doLoginUser">Вход »</button>
            <button type="submit" id="doForgotPwd">Восстановить пароль »</button>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function() {
        $('#loginBtn').leanModal({ closeButton: ".modal_close" });
    });

    $(document).ready(function(){
        $("#loginBtn").click(function(){
            $(".passwd-fld").show();
            $("#doLoginUser").show();
            $("#forgotPwdBtn").show();
            $("#doForgotPwd").hide();
            $(".loader").hide();

            return false;
        });

        $("#doRegisterUser").click(function(){
            $("#doRegisterUser").hide();
            $("#registerPage .txt-fld .loader").show();

            var email = $("#registerPage .popupBody .txt-fld #email").val();
            var pass = $("#registerPage .popupBody .txt-fld #passwd").val();

            $.post("<?= $this->config->site_url('ajax/createUser'); ?>", {
                "email": email, "passwd": pass
            }, function(answer){
                var res = jQuery.parseJSON(answer);
                if (res.code == "01")
                {
                    alert("Пользователь с данным Email адресом уже зарегистрирован.");
                    $("#doRegisterUser").show();
                    $("#registerPage .txt-fld .loader").hide();
                }
                if (res.code == "04")
                {
                    alert("Неверно указан Email. Повторите ввод.");
                    $("#doRegisterUser").show();
                    $("#registerPage .txt-fld .loader").hide();
                }
                if (res.code == "07")
                {
                    alert("Пароль не может быть пустым.");
                    $("#doRegisterUser").show();
                    $("#registerPage .txt-fld .loader").hide();
                }
                if (res.code == "00")
                {
                    $("#registerPage .popupBody").html("<div class=\"text\"><p>Учетная запись создана!</p><p>Для подтверждения E-Mail адреса, перейдите по ссылке в письме.</p></div>");
                }
            });
        });

        $("#doLoginUser").click(function(){
            $("#doLoginUser").hide();
            $("#loginPage .txt-fld .loader").show();

            var email = $("#loginPage .popupBody .txt-fld #email").val();
            var pass = $("#loginPage .popupBody .txt-fld #passwd").val();

            $.post("<?= $this->config->site_url('ajax/loginUser'); ?>", {
                "email": email, "passwd": pass
            }, function(answer){
                var res = jQuery.parseJSON(answer);
                if (res.code == "05")
                {
                    alert("Пользователь с данным Email адресом не активирован.");
                    $("#doLoginUser").show();
                    $("#loginPage .txt-fld .loader").hide();
                }
                if (res.code == "06")
                {
                    alert("Неверно указан Email или пароль.");
                    $("#doLoginUser").show();
                    $("#loginPage .txt-fld .loader").hide();
                }
                if (res.code == "00")
                {
                    self.location = "<?= $this->config->site_url(); ?>dashboard";
                }
            });
        });

        $("#forgotPwdBtn").click(function(){
            $(".passwd-fld").hide("slow");
            $("#forgotPwdBtn").fadeOut("slow");
            $("#doLoginUser").fadeOut("slow", function(){
                $("#doForgotPwd").fadeIn("slow");
            });

            return false;
        });

        $("#doForgotPwd").click(function(){
            var email = $("#loginPage .popupBody .txt-fld #email").val();

            $("#doForgotPwd").hide();
            $("#loginPage .txt-fld .loader").show();

            $.post("<?= $this->config->site_url('ajax/forgotPwd'); ?>", {
                "email": email
            }, function(answer){
                var res = jQuery.parseJSON(answer);

                if (res.code == "08")
                {
                    $("#loginPage .popupBody").html("<div class=\"text\"><p>На Ваш Email было отправлено письмо для сброса пароля.</p></div>");
                    setTimeout(function(){ self.location.reload(); }, 5000);
                }
                else
                {
                    alert("Учетная запись с данным Email не зарегистрирована.");
                    $("#doForgotPwd").show();
                    $("#loginPage .txt-fld .loader").hide();
                }
            });
        });
    });
</script>

</body>
</html>